@CHARSET "UTF-8";

html, body, form {
    margin: 0;
    padding: 0;
}

body, form {
	border: 0;
}

img {
	border: 0;
	margin:0;
	padding:0;
}

body {
	font-family: arial, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #FFFFFF;
	overflow-x: hidden;

	line-height: 1.6em;
	height: 100%;
	
	margin-left: 20px;
	margin-right: 20px;
}

hr {display:none;}
dl {list-style:none;}
li {list-style:none;}

#logo {
	float: left;
	margin-left: 10px;
	margin-top: 40px;
}

#language {
	float: right;
	margin-top: 3px;
	margin-right: 3px;
}

#loginBar {
	text-align: left;
	height: 90px;
	border: 1px solid;

	width: 1024px;
    min-width: 800px;
    margin-top: 5px;
	margin-left: auto;
    margin-right: auto;
}

#menuBar {
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	
    margin-left: auto;
    margin-right: auto;	
}

#menuBar ul {
	margin-top: 14px;
	margin-right: 14px;
	float:left;
	color: #000000;
}

#menuBar ul li {
	float:clear;
	color: #000000;
}

#menuBar ul li a {
	color: #000000;
}

#menuBar ul li span {
	margin-left: 5px;
	margin-right: 5px;
}

#menuBar ul li a.menu_out:hover, .menuselected {
    border-bottom:3px solid #333333;
    text-decoration:none;
}

#menuSubBar {
	color: #5D9AD9;
	width: 700px;
	height: 50px;
	text-align: center;
} 

#menuSubBar ul {
	margin-top: 14px;
	margin-right: 14px;
	float:right;
	color: #5D9AD9;
}
#menuSubBar ul li {
	float:left;
	color: #5D9AD9;
}
#menuSubBar ul li a {
	color: #5D9AD9;
}

#menuSubBar ul li span {
	margin-left: 5px;
	margin-right: 5px;
}

#menuSubBar ul li a.menu_out:hover, .menuselected {
    border-bottom:3px solid #333333;
    text-decoration:none;
}
.menu_out {
    text-decoration:none;	
}

.menu_over {
    border-bottom:#333333 3px solid;
    text-decoration:none;	
}

#contents {
	overflow:visible;
	
	width: 1024px;
	min-width: 800px;
    margin-left: auto;
    margin-right: auto; 	
}

.mainLeftBox {
	background-color: #FFFFFF;
	border:1px solid #000000;
	vertical-align: top;
	min-height: 600px;
	width: 210px;
	padding: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 0;
}

.mainBox {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.mainRightBox {
	background-color: #FFFFFF;
	border:1px solid #86B7ED;
	vertical-align: top;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 6px;
	height: 600px;
	width: 250px;
	margin-left: -250px;
}

#contentLeft {
	float: left;
}

#contentCenter {
	float: right;
	width: 800px;
	
	margin: 0;
	padding: 0;
}

#contentRight {
	float: right;
}

#footer {
    clear:both;
	border-top:3px solid #000000;
	padding-top: 5px;
	vertical-align: center;
	text-align: center;
	height: 50px;
	
	width: 1024px;
    margin-left: auto;
    margin-right: auto; 	
}

a {color: #505050;text-decoration:none;}
a:link {color: #505050;}
a:visited {color: #505050;}
a:hover { color:#505050;text-decoration:none}

.background {
	width: 100%;
	height: auto;	
	border: 0;
}

.headBlock,footBlock {
	background: #eec;
	color: #000;
	width: 90%;
	border: none;
	margin-left: 5%;
	margin-right: 5%;
}

.headBlock {
	padding-top: 10px;
	height: 10%;
}

.footBlock {
	background: #eec;
	height: auto;
	min-height: 50px;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 1%;;
	margin-right: 5%;
}

.rightBlock {
	background: #eec;
	color: #000;
	width: 18%;
	border: none;
}

.titleBlock {
	background: #9999ff;
	color: #000;
	width: 200px;
	height: 20px;
	border-top: 1px solid #000000;
	padding-top: 5px;
	padding-left: 7px;
}

.mainBlock {
	background: #eec;
	color: #000;
	float: left;
	width: 72%;
	height: auto;
	margin-left: 5%; /* 마진 구하는 방법 크로스 브라우징 문제... 계산하는 방법이 다름.. OTL... */
}

.showBorder {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

h2.spot-head {
	background: #4D8CBA;
	color: #FFFFFF;
	border: none;
	width: 100%;
	font-weight: bold;
	font-size: medium;
	text-indent: 0.5em;
	margin-top: 0;
	padding: 0.1em 0;
}

div.spot {
	padding: 0.2em 0.2em 0.4em 0.75em;
	margin: -6px 4px 0.5em 4px;
	border: 1px solid #885;
}

div.alertMsg {
	border: 0;
	color: #FF00FF;
}

p.spot-block {
	padding: 0;
	margin: 0;
}

.inputText {
	text-align: left;
	font: 10pt Verdana;
	/* width: 120; */
	/*	text-transform: uppercase;*/
	/* letter-spacing: 0.4em;
	font-weight: bold; */
	border: solid 1px #E0E0E0;
	border-bottom: solid 1px #A0A0A0;
	border-right: solid 1px #A0A0A0;
}

.button {
	background-color: #F0F0FF;
}

#header {
	width: 90%;
/*	margin-left: 5%;
	border: none;
	color: #000;
	background: #eec;
	margin-right: 5%;*/
	
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	height: 42px;
/*	background-image: url("../img/header.jpg");*/
	background-position: top left;
	background-repeat: no-repeat;
	border-color: #BBBBBB;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
}

#main {
    margin:0; padding:0 0 45px 0;
    width:750px;
/*    background: url(/img/common/cbg_b.gif) no-repeat left bottom;*/
    float:left;
}

#treeView {
	width:250px;
	float:left;
}

#subContentsView {
	width:550px;
	float:left;
}

#subMenuView {
    margin:0;
    padding: 0;
    float:right;
    clear:both;
}

#leftButton {
	float:left;
}
#rightButton {
	float:right;
}
#centerButton {
}


/* image */
img.pw_bsc { border:none; vertical-align:middle; }
img.pw_pointer { border:none; vertical-align:middle; cursor: pointer; }
#pw_right { float: right; margin: 5px 0 10px; width: 745px; }

.WebEditor {
    width:100%;
    height:100%;
/*    display:none;
    border: solid 1px #CCCCCC;*/
    border:none;
}

.WebEditor_fields {
    height: 24px !important;
    background-color:#f6f6f6 !important;
    border-bottom:1px solid #ddd !important;
    padding: 0 0 0 4px !important;
    font-size: 14px !important;
}

.WebEditor_box {
    background-color:#FFFFFF;
    border:1px solid #ddd;
}

.WebEditor_box * {
    margin: 0 !important;
    padding: 0 !important;
}

.WebEditor_box button {
    border-style:none;
    width:23px;
    height:23px;
    vertical-align:middle;
    background-color:#F6F6F6;
}
.w-input-txt {
	font-family:verdana;
	font-size:13px;
	height:22px;
	line-height:18px;
	vertical-align:middle;
	padding: 1px 3px;	
	border: 1px solid #B5B8C8;
}